import { HTMLAttributes, ReactElement } from "react";
type EdgeProps = HTMLAttributes<HTMLDivElement>;
export default function Edge({ className, ...rest }: EdgeProps): ReactElement {
    return (
        <i
            className={`${className ?? ""}`}
            {...rest}
            style={{
                backgroundColor: "#045db5",
                display: "flex",
                padding: "4px",
                borderRadius: "5px",
            }}
        >
            <svg
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
            >
                <path
                    d="M963.84 268.96C881.74 108.36 704.52 16 511.82 16 274.1 16 75.02 183.36 26.94 407.32c52-92.98 172.44-158.28 298.92-158.28 158.54 0 242.18 97.86 244.5 100.36 44 47.6 66 100.78 66 166.2 0 20.8-10.62 51.64-30.22 77.14-3.14 4-12.78 9.68-12.78 22 0 10.12 6.58 19.84 18.28 28 55.72 38.74 160.74 33.62 161.02 33.62A230.78 230.78 0 0 0 889.88 644a237.84 237.84 0 0 0 117.9-204.88c1-86.86-31-144.6-43.94-170.16zM425.54 951.34a309.76 309.76 0 0 1-93.28-90c-65.88-94.84-68.48-191.2-40.2-272A311 311 0 0 1 406 431.5c118-90.4 189.68-11.3 198.12-2a160 160 0 0 0-9.78-20.28c-18.48-31.86-48-72.82-113.12-107.02-67.44-35.38-141.18-37.18-155.28-37.18-77.42 0-155.8 26-215.06 71.38C71.36 366.6 25.54 417.44 17.2 486c-2.16 24.62-5.5 125.6 46 236.54a496 496 0 0 0 496.6 283.22c-76.24-13.24-131.7-53.28-134.26-54.42z m501.44-196.66a15.52 15.52 0 0 0-15.84-0.46 363.32 363.32 0 0 1-40.82 18.24 395.08 395.08 0 0 1-139.1 25.04c-183.34 0-343.04-126.12-343.04-288a122.24 122.24 0 0 1 13.04-53.5 337.44 337.44 0 0 0-77.52 100c-29.84 58.74-66 176.26 26.66 303.32 13.02 17.82 46 60 112 95.34 47.14 25.3 98 39.22 143.4 39.22 70.28 0 230.86-66.88 326-217.74a15.5 15.5 0 0 0-4.78-21.46z"
                    fill="#ffffff"
                ></path>
            </svg>
        </i>
    );
}
